4000-888-103

资讯动态星巴克:Starbucks资讯详情

星巴克:Starbucks

2019-09-29 00:00:00

144.jpg
  
b144.png

案例:Starbucks

品牌:星巴克

技术实现: html5

亮点:

  1. 创意定位

星巴克出品,根据情景测试中用户的选择,推荐不同罐装咖啡的H5作品,以此让用户了解不同单品的主要卖点,提高品牌知名度和咖啡销量。

 

  1. 策划逻辑

点击后会有文字提醒用户横屏观看,作品大致分为三个阶段

①loading

一个绿色电池出现,电格逐渐变亮后出现导语:职场中你拿什么拼C位。

 

②情景测试

一个绿色的会议厅,四个人先出现,然后四瓶不同的罐装咖啡出现并落在四人电脑旁,字幕提示时间过去了两小时,一位长发女生上方出现对话框说客户要求改方案,经理模样的人表示不再改了,四个人头上出现省略号,用户根据后墙上的提示点击某个人的省略号查看人物的内心OS。

 

③落地海报

点击查看人物OS后会出现此人可以做的两个选择,用户点击任意一个后进入咖啡推荐页面,包括用户的名称和头像,罐装咖啡的名字和照片,单品卖点解析和人物性格表述,用户可在此界面点击链接购买咖啡,返回重新测试,或确认生成海报,确认生成后海报除了刚才的内容,还会有作品二维码显示。

 

  1. 设计上

手绘的简约卡通画,情景的推进用对话框展现,人物会有很简单的一个动作变化,但基本是不动的,所有咖啡单品都以实物形象显示,强化用户印象,界面颜色以星巴克标志的绿色为主,简约,整齐,重点突出,主题明确,与人物较为明亮的衣着互相衬托,视觉上也感觉很好看。

 

  1. 体验上

无休无止的开会是许多上班族都会遇到的场景,画面展示的情景比较能引发用户的熟悉感,给每个不同形象的人物设计的内心OS也各不相同,有吐槽队友的,有心力憔悴渴望下班的,有夹在中间左右为难的,也有态度明确的,很符合现实中的情况。




c144.jpg
关键词:h5页面展示 h5宣传网站 h5自助建站
上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png